<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link id="mainCss" rel="stylesheet" type="text/css" href="css1.css">
</head>
<script>
  function skin1() {
    document.getElementById("mainCss").href = "css1.css"
  }
  function skin2() {
    document.getElementById("mainCss").href = "css2.css"
  }

</script>

<body>

  <input type="button" value="皮肤1" onclick="skin1()">
  <input type="button" value="皮肤2" onclick="skin2()">

</body>

</html>